

/* reset css重置样式 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: inherit;
}
ul,ol,li{
    list-style: none;
}
img{
    border: none;
}
input,button{
    font-family: inherit;
}
button{
    cursor: pointer;
}
/* 布局 */
.header{
    height: 260px;
    width: 100%;
  /* background-color:red ;   */
}
/* 头部广告 */
.head-ad{
    display: block;
    width: 100%;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/top.jpg) no-repeat center;
    background-size:auto 120px;
}
.inner{
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(51,51,51);
}
.inner-nav{
    height: inherit;
    width: 1226px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: rgb(76, 22, 177); */
}
.inner-nav > li{
    display: inline-block;
    color: rgb(66,66,66);
    /* padding: 0 1px; */
}
.inner-nav > li > a:hover{
    color: rgb(255,255,255);
}
.inner-nav > li > a{
    font-size: 12px;
    line-height: 40px;
    color: #b0b0b0;
    padding: 0 2px;
}
.inner-nav > a{
    display: inline-block;
    background-color: rgb(66,66,66);
    line-height: 40px;
    color: rgb(176,176,176);
    font-size: 12px;
    font-weight: bold;
    padding: 0 30px;
    
}
.inner-nav > a:hover{
    background-color: rgb(255,255,255);
    color: rgb(255,161,97);
}
.inner-nav > a:hover >.gou{
    display: block;
}
.gou{
    z-index: 5;
    display: none; /* */
    width: 320px;
    height: 100px;
    position:absolute;
    right: 0px;
    background-color: rgb(255,255,255);
    box-shadow: 0px 3px 10px 0px rgb(176,176,176);
}
.gou > p{
    color: rgb(66,66,66);
    line-height: 100px;
    margin-left: 50px;
    cursor:s-resize ;
}
/* app下载二维码 */
.apper{
    position: relative;
}
.apper-div{
    display: none;
}
.apper span{
    z-index: 5;
    position: absolute;
    /* margin-top: 5px; */
    left: -25px;
    display: block; /**/
    width: 125px;
    height: 130px;
    box-shadow: 4px 5px 5px 0px rgb(184,184,184);
    border: 1px solid rgb(184,184,184);
}
.apper p{
    font-size: 14px;
    color: rgb(51,51,51);
    width: inherit;
    text-align: center;
}
.apper img{
    margin-top: 10px;
    margin-left: 20px;
    width: 85px;
    height: 85px;
}
/* 角 */
.jiao{
    position: absolute;  /**/
    right: 65px;
     top: -10px; /* */
    width: 0px;
    height: 0px;
    border-color: transparent  transparent  white transparent;
    border-width: 5px;
    border-bottom-width: 8px;
    border-style: solid;
}
 .apper:hover > .apper-div{
    display: block;
} /**/
/* 刊头 */
.masthead{
    z-index: 2;
    width: 1226px;
    height: 100px;
     margin-left: auto;
    margin-right: auto;  
    position: relative;
}
.masthead > img{
    display: inline-block;
    margin-top: 25px; 
}
.masthead > ul{
    display: block;
    position: absolute;
    left: 190px;
    top: 0;
    line-height: 100px;
}
.masthead > ul > li{
    margin: 0 10px;
    display: inline-block;
}
.masthead > ul > li > a{
    color: rgb(51,51,51);
}
.masthead > ul > li > a:hover{
    color: rgb(255,161,97);
}
/* 下拉隐藏 */

.mdis{
    display: none; /* */
    position: absolute;
    width: 1226px;
    height: 230px;
    border-top: 1px solid rgb(176,176,176);
    border-bottom: 1px solid rgb(176,176,176);
    background-color: rgb(255,255,255);
    left: -200px;
    z-index: 2;
}
.masthead > ul > li:hover > .mdis{
     display: block; /**/
}
.masthead > ul > li:hover > .baiban{
    display: block;
}
.madis-box{
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 180px;
    height:230px;
}
.madis-box img{
    height: 180px;
}
.p1,.p2{
    font-size: 12px;
    position: absolute;
    width: 180px;
    height: 20px;
}
.p1{
    bottom: 70px;
    left: 60px;
}
.p2{
    color: rgb(255,161,97);
    bottom: 50px;
    left: 55px;
}
.xian{
    width: 1px;
    margin-top: 50px;
    height: 100px;
    background-color: rgb(176,176,176);
    display: inline-block;
}
/* 搜索框 */
.service{
    box-sizing: border-box;
    position: absolute;
    vertical-align: top;
    background-color:white;
    border: 1px solid rgb(224,224,224);   /* */
    top: 25px;
    right: 0;
    width: 300px;
    height: 50px;
}
.service input{
    border: 1px solid rgb(224,224,224); /**/
    outline: none;
    width: 240px;
    height: 50px;
    padding-left: 10px;
}

.service a{
  border: 1px solid rgb(224,224,224);
  height: 50px;
  width: 58px;
  float: right;
  background: url(../images/serach.png);
}
.service a:hover{
    border: 1px solid rgb(255,103,0);
    background-color: rgb(255,103,0);
    background:url(../images/serach2.png) ;
}
.service input:hover,.service a:hover,.service input:hover{
    border: 1px solid rgb(255,103,0);
}

/* 头部结束 */
.baiban{
    display: none; /* */
    width: 100%;
    height: 230px;
    position:absolute;
    background-color: white;
    border-top: 1px solid rgb(176,176,176);
    border-bottom: 1px solid rgb(176,176,176);
    z-index: 1;
}
/* 主体 */
/* 右边固定栏 */
.fiex{
    width: 85px;
    height: 470px;
    position:fixed;
    right: 0;
}
.fiex img{
    display: block;
    width: 30px;
    height: 30px;
    outline: none;
    margin-left: 25px;


}
.fiex li{
    display: block;
    height: 92px;
    width: initial;
    margin: 10px 0;
}
.fiex span{
    margin-top: 10px;
    color: #757575;
    font-size: 14px;
    display: block;
    width: initial;
    text-align: center;
}
/* 轮播图开始 */
.map-box{
    width: 1226px;
    height: 460px;
    background:url(../images/bg.webp) ;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
}
/* 轮播图左导航栏 */
.map-box-left{
    position: absolute;
    width: 235px;
    height: inherit;
    background-color: rgb(139,152,159,0.3);
}
.map-box-left > ul{
    display: inline-block;
    margin-top: 25px;
}
.map-box-left > ul > li{
    width: 235px;
    padding-left:20px;
    line-height: 40px;
    display: block;
    color: white;
}
.map-box-left > ul > li > a{
    display: inline-block;
    width: 235px;
}
.map-box-left > ul > li:hover{
    background-color: rgb(255,103,0);
}
.map-box-left > ul > li:hover > .map-box-left-dis{
    display: block;
}
.map-box-left em{
    position: absolute;
    right: 20px;
}
/* 轮播图左侧子菜单部分 */
.map-box-left-dis{
    display: none; /* */
    position: absolute;
    /* display: inline-block; */
    width: 990px;
    
    /* height: 460px; */
    background-color: rgb(255,255,255);
    left: 235px;
    top: 0px;
}
.map-box-left-dis ul{
    display: inline-block;
    vertical-align: top;
    /* margin-top: 10px; */
    margin-left: 10px;
}
.map-box-left-dis ul li{
    width: 225px;
    margin-top: 20px;
}
.map-box-left-dis a{
    display: inline-block;
    vertical-align: top;
    color: #333333;
    font-size: 14px;
}
.map-box-left-dis .text{
    vertical-align: top;
}
/* 轮播图下 */
.map-bottom{
    width: 1226px;
    height: 170px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    /* background-color: limegreen; */
}
.map-bottom-left{
    display: inline-block;
    width: 235px;
    vertical-align: top;
    height: 170px;
    background-color: rgb(95,87,80);
}
.map-bottom-left  img{
    display: block;
    margin: 0 auto 4px;
    width: 24px;
    height: 24px;
}
.map-bottom-left  a{
    display: inline-block;
    font-size: 12px;
    position: relative;
    color: rgb(176,176,176);
    left: 5px;
    top: 20px;
    width: 70px;
    height: 55px;
    /* background-color: khaki; */
    border-right: 1px solid rgb(102,94,87);
    border-bottom: 1px solid rgb(102,94,87);
}
.map-bottom-right{
    display: inline-block;
    margin-left: 9.5px;
    width: 316px;
    height: 170px;
    background-color: rgb(255,103,0);
}
.map-bottom-right img{
    width: 316px;
    height: 170px;
}
/* 小米秒杀盒子 */
.mi-box{
    overflow: hidden;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 6070px;
    background-color: rgb(245,245,245);
}

.box-hd{
    width: 1226px;
    line-height: 60px;
    /* background-color: rgb(13, 184, 98); */
}
.title{
    display: inline-block;
    margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;   
}
/* 标题右侧 尖括号*/
.jiankh{
    float: right;
}
.jiankh > li{
    display: inline-block;
}
.jiankh > li > a{
    font-size: 20px;
    padding: 0 10px;
    color: rgb(176,176,177);
    border-radius: 2px;
    border: 1px solid rgb(224,224,224);

}
/* 倒计时行*/
.box-bd > li{
    display: inline-block;
    position: relative;
    margin-left: 9px;
    width: 234px;
    height: 340px;
}
.box-bd-li1{
    margin-left: 0;
    background-color: rgb(241,237,237);
    border-top: 1px solid red;
}
/* 倒计时 */
.jishi{
    margin-top: 40px;
    width: inherit;
    position: absolute;
}
.jishi > p {
    display: block;
    line-height:46px;
    font-size: 21px;
    text-align: center;
    color: red;
    width: inherit;
}
.jishi img{
    position: relative;
    top: 10px;
    left: 100px;
}
.jishi span{
    margin-top: 30px;
    color: rgb(0,0,54);
    font-size: 15px;
    text-align: center;
    display: block;
    width: inherit;
}
.jishi-oo{
    position: absolute; 
    width: inherit;
    margin: 28px auto 0;
    height: 46px;
}
.jishi-oo > i{
    font-style: normal;
    position: absolute;
    padding: 20px 8px;
    font-size: 21px;
}
.jishi-oo > span{
    margin-top: 10px;
    margin-left: 20px;
    float: left;
    color: white;
    width: 46px;
    font-size: 24px;
   line-height:46px;
    background-color: rgb(96,87,81);
}
.box-hd,.box-bd{
    margin-left: auto;
    margin-right: auto;
}
.box-bd{
    width: 1226px;
    height: 340px;
}
.box-bd  > li > a > img{
    width: 234px;
    height: 340px;
}
/* 广告 */
.box-ad{
    width: 1226px;
    height: 120px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: khaki;
}
.box-ad > img{
    position: absolute;
}
/* 手机 */
.box-nav{
    overflow: hidden;
    position: relative;
    height: 615px;
    width: 1226px;
    margin-left: auto;
    margin-right: auto;
     background-color: rgb(255,255,255); /**/
}
.box-nav-left{
    overflow: hidden;
    float: left;
    width: 234px;
    height: 614px;
}
.box-nav-left:hover{
    box-shadow: 5px 10px 5px 0px rgb(236,236,236);
}
/* .box-nav-right{

} */
.box-nav-right > li{
    vertical-align: top;
    display: inline-block;
    margin: 5px 5px;
    width: 234px;
    height: 300px;
    /* background-color: yellow; */
}
.box-nav-right > li > a > p{
    margin: 10px 0;
}
.box-nav-right > li > a > img{
    margin-top: 20px;
    margin-left: 35px;
    width: 170px;
    height: 170px;
}
.box-nav-right .rp1,.box-nav-right .rp2,.box-nav-right .rp3{
    width: inherit;
    text-align: center;
    font-size: 14px;
}
.box-nav-right .rp1{
    font-weight: bold; 
    color: #333333;
}
.box-nav-right .rp2{
    color: rgb(176,176,177);
}
.box-nav-right .rp3{
    color: rgb(255,103,0);
}
.box-nav-right .rp3 s{
    color: rgb(176,176,176);
}
.box-nav-right > li:hover{
    box-shadow: 5px 5px 5px 1px rgb(233,233,233);
}
/* 右下角浏览更多 */
.box-nav-right-box {
    position: absolute;
    right: 0px;
    display: inline-block;
    width:234px;
    /* background-color: lightcoral; */
    height: 300px;
}
.box-nav-right-box li{
    display: inline-block;
    width: 234px;
    height: 150px;
    /* background-color: lightskyblue; */
}
.box-nav-right-box img{
    float: right;
    margin-right: 10px;
}
.box-nav-right-box span{
    text-align: none;
    display: inline-block;
    margin-top: 30px;
    margin-left: 20px;
    width: 100px;
    /* background-color: lightslategrey; */
}
.box-nav-right-box > li:hover{
    box-shadow: 5px 5px 5px 1px rgb(233,233,233);
}
.box-nav-right-box em{
    font-size: 50px;
    color: rgb(255,103,0);
}
/* 手机 右边查看全部 */
.chak{
    position: relative;
    right:-89%;
}
.chak > li{
    display: inline-block;
    line-height: 20px;
}
.chak > li > a{
    font-size: 16px;
    
    color: rgb(42,42,42);
    border-radius: 2px;
}
.chak > li > a:hover{
    color: rgb(255,103,0);
}
.chak > li > a > i{
    position: absolute;
    right: -25px;
    font-size: 20px;
    background-color:rgb(184,184,184);
    border-radius: 10px;
}
.chak > li > a:hover > i{
    background-color: transparent;
}
/* 家电 */
.box-nav-left2{
    overflow: hidden;
    float: left;
    width: 234px;
    height: 614px;
}
.box-nav-left2 > img{
    width: 234px;
    height: 307px;
}

.box-nav-left2 > img:hover{
    box-shadow: 5px 5px 5px 0px rgb(236,236,236);
}
/* 家电右侧 */
.jiad,.zhin,.dapei{
    float: right;
}
.jiad > li,.zhin > li,.dapei > li{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
   
}
.jiad > li > a,.zhin > li > a,.dapei > li > a{
    font-size: 16px;
    color: rgb(42,42,42);
    border-radius: 2px;
     padding-bottom: 5px;
}


/* 智能 */
/* 搭配 */
/* 配件 */
/* 周边 */

/* 视频 */
.box-ship{
    width: 1240px;
    height: 285px;
    margin-left: auto;
    margin-right: auto;
    /* background-color: aqua */
}
.box-ship > li{
     position: relative;
    vertical-align: top;
    margin-left: 10px;
    display: inline-block;
    width: 296px;
    height: 258px;
    /* background-color: rgb(255,161,97); */
}
.box-ship > li:hover{
    box-shadow: 5px 5px 5px 0px rgb(236,236,236);
}
.ship-p1,.ship-p2{
    margin-top: 10px;
    text-align: center;
    display: block;
}
.ship-p1{
    font-size: 14px;
    color: #333333;
}
.ship-p2{
    font-size: 12px;
    color: rgb(176,176,176);
}
/* 视频播放按钮 */
.box-ship span{
    display: inline-block;
    position: absolute;
    text-align: center; 
    left: 20px;
    bottom: 90px;
    width: 35px;
    border-radius: 15px;
    height: 25px;
    border: 3px solid white;
}
.box-ship em{
    display: inline-block;
    font-size: 30px;
    color: white;
    position: relative;
    top: -5px;
}
.box-ship li:hover  span{
    background-color: rgb(255,103,0);
}
/* 尾部开始 */
.footer{
    overflow: hidden;
    height: 665px;
    width: 1226px;
    /* background-color: rgb(155, 147, 81); */
    margin-left: auto;
    margin-right: auto;
}
.footer-1{
    width: inherit;
    height: 80px;
    border-bottom: 1px solid rgb(224,224,224);
}
.footer-1 > li{
    display: inline-block;
    text-align: center;
    margin-top: 25px;
    width: 240px;
    height: 25px;
}
.footer-1 > li > a{
    font-size: 16px;
    color: #616161;
}
.footer-2{
    width:inherit;
    height: 252px;
    /* background-color: royalblue; */
    margin: 40px 0;
}
.footer-2 ul{
    vertical-align: top;
    display: inline-block;
    width: 160px;
    /* height: 116px; */
    /* background-color: sandybrown; */
}
.footer-2 .footer-2-li1 > a{
    display: inline-block;
    color: rgb(66,66,66);
    margin-bottom: 30px;
}
.footer-2 li{
    padding: 8px 0;
}
.footer-2 > ul > li > a{
    color: rgb(117,117,117);
}
.footer-2-right{
    float: right;
    width: 240px;
    height: 111px;
    /* background-color: rgb(209, 169, 150); */
}
.footer-2-p1,.footer-2-p2{
    text-align: center;
}
.footer-2-p1{
    font-size: 22px;
    color: #FF6700;
}
.footer-2-p2{
    font-size: 12px;
    column-rule: #616161;
    margin-top: 10px;
}
.footer-2-right > a{
    display: inline-block;
    color: rgb(255,103,0);
    text-align: center;
    padding:0 5px ;
    line-height: 30px;
    margin-left: 50px;
    font-size: 12px;
    width: 120px;
    border: 1px solid #FF6700;
}
.footer-2-right > a:hover{
    color: white;
    background-color: rgb(255,103,0);
}
/* 最底部 */
.footer-3{
    overflow: hidden;
    width: inherit;
    height: 110px;
    /* background-color: lawngreen; */
}
.footer-3-logo{
    float: left;
    height: 110px;;
    width: 60px;
}
.footer-3-div1{
    display: block;
    margin: 0;
    padding:0 ;
}
.footer-3-div1 > li{
    display: inline-block;
    font-size: 12px;
    color: #757577;
}
.footer-3-div1 > li > a{
    font-size: 12px;
    color: #757577;
}
.footer-3-div1 a:hover{
    color: rgb(255,161,97);
}
.footer-3 p{
    font-size: 12px;
    color: #b0b0b0;
}
.footer-3 p a:hover{
    color: rgb(255,161,97);
}
/* 最最最底部 */
.footer-4{
    width: inherit;
    height: 28px;
}